<template>
    <el-card shadow="never" class="aui-card--fill">
      <div class="mod-wms__reel}">
        <wms-form 
        v-model="dataForm" 
        :formList="formList" 
        :table-column="tableColumn" 
        :advanced="advanced"
        @check-change="checkChange" 
        @changeAdvance="changeAdvance" 
        @getDataList="getDataList" 
        @getReset="getReset">
        <el-form-item label="出库时间">
          <el-date-picker v-model="dateRange" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange"
            range-separator="-" start-placeholder="开始" end-placeholder="结束" :picker-options="pickerOptions"
            @change="query">
          </el-date-picker>
          <el-button type="primary" plain @click="exportHandle" style="margin-left: 10px;">导出
          </el-button>
       </el-form-item>
        </wms-form>
        <wms-table ref="reelTable" 
        class="reelTable" 
        v-model="dataForm" 
        :page="page" 
        :total="total" 
        :limit="limit"
        :tableData="dataList" 
        :table-column="column" 
        :module-options="mixinViewModuleOptions"
        :dataListLoading="dataListLoading"
        @pageSizeChangeHandle="pageSizeChangeHandle" 
	      @pageCurrentChangeHandle="pageCurrentChangeHandle" />
      </div>
    </el-card>
  </template>
  
<script>

import mixinViewModule from "@/mixins/view-module";
import {formList, tableColumn} from "./config";
import wmsTable from "@/components/wms-table";
import wmsForm from "@/components/wms-form";

export default {
  mixins: [mixinViewModule],

  data() {
  return {
    mixinViewModuleOptions: {
        getDataListURL: "/wms/order-reel/page",
        getDataListIsPage: true,
        exportURL: "/wms/order-reel/export",
      },
    dataForm:{},

    formList,
    tableColumn,
    column: [],
    advanced: false,
    dateRange:[],

    }
  },

  components: {
    wmsTable,
    wmsForm,

  },
  methods: {


  }
}
</script>
<style scoped lang="scss">

</style>
  